home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2008 March / PCgo 2008-03 (CD).iso / interface / styles / navigation.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-11-07  |  3.9 KB  |  253 lines
  1. /* CSS Document */
  2.  
  3. #navigation
  4. {
  5.   float:left;
  6.   z-index: 1000;
  7.   position: absolute; 
  8.   top: 0px; 
  9.   left: 103px; 
  10. }
  11.  
  12. #navigation a 
  13. {
  14.   font-family: helvetica;
  15.   font-style: normal;
  16.   display: block; 
  17.   white-space: nowrap;
  18.   margin: 0;
  19.   height: 30px;
  20. }
  21.  
  22. #navigation ul li {
  23.   float: left; 
  24.   width: 160px;
  25.   font-size: 16px;   
  26. }
  27.  
  28. #navigation ul ul li {
  29.   background: #999;
  30.   color: #fff;
  31.   white-space: nowrap;
  32.   border-bottom: solid 1px white; 
  33. }
  34.  
  35. #navigation ul ul ul li {
  36.   background-image: url('../images/menubackgrdlvl2.png');
  37.   color: #fff;
  38.   padding-top: 1px;
  39.   border-bottom: solid 0px white;   
  40. }
  41.  
  42. #navigation ul ul li span 
  43. {
  44.   font-family: arial;
  45.   font-size: 12px;  
  46.   white-space: nowrap;
  47.   margin: 0;
  48.   width: 100%;
  49.   color: #fff;
  50.   height: 32px; 
  51.   padding-left: 5px;
  52. }
  53.  
  54. #navigation ul ul ul li span 
  55. {
  56.   font-family: arial;
  57.   font-size: 12px;  
  58.   white-space: nowrap;
  59.   margin: 0;
  60.   width: 100%;
  61.   color: black;
  62.   height: 32px; 
  63.   padding-left: 15px;
  64. }
  65.  
  66. ul.menutop 
  67. {
  68.   position: relative;
  69.   top: 0px;
  70.   font-size: 12px;
  71.   list-style-type: none;
  72.   font-weight: bold;
  73.   line-height: 28px;
  74. }
  75.  
  76. ul.closed, ul.opened 
  77. {
  78.   font-size: 12px;
  79.   list-style-type: none;
  80.   font-weight: bold;
  81.   line-height: 28px;
  82. }
  83.  
  84. ul.closed 
  85. {
  86.   display:none;
  87. }
  88.  
  89. ul.opened 
  90. {
  91.   display:block;  
  92.   color: red;
  93. }
  94.  
  95. #navigation ul ul.opened {
  96.  color: red;
  97. }
  98.  
  99. a.folder 
  100. {
  101.   cursor:pointer;
  102.   cursor:hand;
  103.   text-decoration: none;
  104. } 
  105.  
  106. a.folder:hover {
  107.   background-color: #636363;
  108. }
  109.  
  110. a.folderSub {
  111.   text-decoration: none;
  112.   background-image: url('../images/menubackgrdlvl2.png');
  113.   cursor: hand;
  114.   cursor: pointer;
  115. }
  116.  
  117. a.folderSub:hover {
  118.   background-image: url('../images/menubackgrdlvl2_hover.png');
  119. }
  120.  
  121. a.foldertop 
  122. {
  123.   cursor:pointer;
  124.   cursor:hand;
  125.   text-align: center;
  126.   padding-top: 3px;
  127. } 
  128.  
  129. .menurow 
  130. {
  131.   background-image: url('../images/menubackgrdtop.png');
  132.   background-position: top;
  133.   background-repeat: repeat-x;
  134.   width: 100%;
  135.   height: 33px;
  136.   position: relative;
  137. }
  138.  
  139. .menutopcenter 
  140. {
  141.   text-align: center;
  142. }
  143.  
  144. .nodecoration 
  145. {
  146.   text-decoration: none;
  147.   color: #000;
  148. }
  149.  
  150. /*Navi - Erweiterung*/
  151. div#naviErweiterung
  152. {
  153.   position: absolute;
  154.   top: 0px;
  155.   left: 815px;
  156.   margin: 0 0 0 0;
  157.   padding: 0px;
  158.   width: 103px;
  159. }
  160.  
  161. div#naviErweiterung2
  162. {
  163.   position: absolute;
  164.   top: 0px;
  165.   left: -103px;
  166.   margin: 0 0 0 0;
  167.   padding: 0px;
  168.   width: 103px;
  169. }
  170.  
  171. a#siteMapBTN, a#helpBTN, a#homeBTN, a#prevBTN
  172. {
  173.   display: block;
  174.   width: 33px;
  175.   height: 33px;
  176.   float: left;
  177. }
  178.  
  179. a#verlaufBTN {
  180.   display: block;
  181.   width: 32px;
  182.   height: 33px;
  183.   float: left;
  184. }
  185.  
  186. a#nextBTN {
  187.   display: block;
  188.   width: 34px;
  189.   height: 33px;
  190.   float: left;
  191. }
  192.  
  193. a#homeBTN
  194. {
  195.   background: #fff url('../images/btnHomeNormal.png') no-repeat top left;
  196. }
  197.  
  198. a:hover#homeBTN
  199. {
  200.   background: #fff url('../images/btnHomeHover.png') no-repeat top left; 
  201. }
  202.  
  203. a#prevBTN
  204. {
  205.   background: #fff url('../images/btnPrevNormal.png') no-repeat top left;
  206. }
  207.  
  208. a:hover#prevBTN
  209. {
  210.   background: #fff url('../images/btnPrevHover.png') no-repeat top left; 
  211. }
  212.  
  213. a#nextBTN
  214. {
  215.   background: #fff url('../images/btnNextNormal.png') no-repeat top left;
  216. }
  217.  
  218. a:hover#nextBTN
  219. {
  220.   background: #fff url('../images/btnNextHover.png') no-repeat top left; 
  221. }
  222.  
  223. a#siteMapBTN
  224. {
  225.   background: #fff url('../images/btnSitemapNormal.png') no-repeat top left;
  226. }
  227.  
  228. a:hover#siteMapBTN
  229. {
  230. /*  background: #fff url('../images/btnSitemapHover.png') no-repeat top left; */
  231. }
  232.  
  233. a#verlaufBTN
  234. {
  235.   background: #fff url('../images/btnVerlaufNormal.png') no-repeat top left;
  236. }
  237.  
  238. a:hover#verlaufBTN
  239. {
  240.   background: #fff url('../images/btnVerlaufHover.png') no-repeat top left;
  241. }
  242.  
  243. a#helpBTN
  244. {
  245.   background: #fff url('../images/btnHelpNormal.png') no-repeat top left;
  246. }
  247.  
  248. a:hover#helpBTN
  249. {
  250.   background: #fff url('../images/btnHelpHover.png') no-repeat top left;
  251. }
  252. /*Navi - Erweiterung*/
  253.